<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{pigcms:$tpl.wxname}</title>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link href="{pigcms::PIG_STATICS}/1134/css/cate.css" rel="stylesheet" type="text/css" />
<link href="{pigcms::PIG_STATICS}/com/css/iscroll.css" rel="stylesheet" type="text/css" />
<script src="{pigcms::PIG_STATICS}/com/js/jquery.min.js" type="text/javascript"></script>
<script src="{pigcms::PIG_STATICS}/com/js/swipe2.js" type="text/javascript"></script>
<script src="{pigcms::PIG_STATICS}/com/js/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;

function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
 });
 
 
}

document.addEventListener('DOMContentLoaded', loaded, false);
</script>
<script>
   $(function(){
        window.swiper_2 = new Swipe(document.getElementById('list_uls'), {
            speed:500,
           // auto:3000,
            callback: function(){
               var lis = $(".nav_for_list_ul ul:first-of-type li");
               lis.removeClass("on").eq(this.index).addClass("on");
               var las = $(".nav_for_list_ul ul:nth-of-type(2) a");
               las.removeClass("on").eq(this.index).addClass("on");

               var minIndex = 0;
               //var maxIndex = Math.max(0, nav_uls.length - 3);
               var range = [this.index-1, minIndex, maxIndex];
               //

               range = range.sort(function(a, b){
                       	return a>b?1:-1;
                       });
               window.nav_uls.slide(range[1]);
            }
        });
    }); 
</script>
</head>

<body>

		<!--music-->
		<if condition="$homeInfo['musicurl'] neq false">
			<include file="Index:music"/>
		</if>
<div class="banner">
  <div id="wrapper">
    <div id="scroller">
      <ul id="thelist">
				<volist name="flash" id="so">    
					<li><p>{pigcms:$so.info}</p><a href="{pigcms:$so.url}"><img src="{pigcms:$so.img}" /></a></li>
				</volist>    
      </ul>
    </div>
  </div>
    <div id="nav">
    <div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,2);return false">&larr; prev</div>
    <ul id="indicator">
				<volist name="flash" id="so">
					<li <if condition="$i eq 1">class="active"</if> ></li>
				</volist>
          </ul>
    <div id="next" onclick="myScroll.scrollToPage('next', 0,400,2);return false">next &rarr;</div>
  </div>
    <div class="clr"></div>
</div>
 

<div id="insert1" ></div>






<span class="gradient_h_wbw"></span>
<section>
  <nav class="nav_for_list_ul">
    <div class="ofh">
      <ul>
		<for start="1" end="count($info)">
        
			<li <if condition="$i == 1">class="on"</if>></li>
			
		</for>
        
      </ul>
      <ul>
        <div id="nav_uls" style=" max-width:75px">
          <ol>
				<volist name="info" id="vo">
					<li><a href="javascript:swiper_2.slide({pigcms:$i-1});"  <if condition="$i == 1">class="on"</if>>{pigcms:$vo.name}</a></li>
				</volist>

           </ol>
        </div>
      </ul>
     
      <script>
window.nav_uls = new Swipe(document.getElementById('nav_uls'), {
speed:500,
callback: function(){
/*if(this.index>(this.length-8)){
alert(this.length);
alert(this.index);
this.slide(this.length-8);
}*/
}
});
 
</script> 
    </div>
  </nav> <span class="gradient_h_wbw"></span>
 
 
  <div id="list_uls" class="list_uls box_swipe">
 
    <ul >
      <volist name="info" id="vo">
		  <li>
			<dl>
				<img  class="catebanner"  src="{pigcms:$vo.img}"   /> 
					<volist name="vo['sub']" id="res">
						<dd>
							<a href="<if condition="$res['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$res['id'],'token'=>$vo['token']))}<else/>{pigcms:$res.url|htmlspecialchars_decode}</if>">
								<label>{pigcms:$res.name}</label>
								<p>{pigcms:$res.info}</p>
								<span></span>
							</a>
						</dd>
					</volist>
			</dl>
		  </li>
	   </volist>
 
      
    </ul>
  </div>
</section>
<script>


var count = document.getElementById("thelist").getElementsByTagName("img").length;	


for(i=0;i<count;i++){
 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}

document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";


 setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );

window.onresize = function(){ 
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}

 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
} 

</script> 

<div id="insert2" ></div>
<div class="copyright">
<if condition="$iscopyright eq 1">
{pigcms:$homeInfo.copyright}
<else/>
{pigcms:$siteCopyright}
</if>
</div>  <include file="Index:styleInclude"/><include file="$cateMenuFileName"/> 
<!-- share -->
<include file="Index:share" />

</body>
</html>